<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>折线图</title>
		<script type="text/javascript" src="js/echarts.js">
			
		</script>
	</head>
	<body>
		<div id="sales" style="width: 600px;height: 400px;">
			<script type="text/javascript">
				myCharts=echarts.init(document.getElementById('sales'));
				var option={
					title:{
						text:'一周销量变化曲线',
						subtext:'2022年第20周',
						left:'center'
					},
					tooltip:{},
					toolbox:{
						show:true,
						feature:{
							mark:{show:true},
							dataView:{show:true,readOnly:false},
							magicType:{show:true,type:['line','bar']},
							restore:{show:true},
							saveAsImage:{show:true}
						}
					},
					xAxis:{
						type:'category',
						data:['周一','周二','周三','周四','周五']
					},//横轴
					yAxis:{
						type:'value'
					},//竖轴
					legend:{
						data:['鼠标销量','水杯销量'],
						left:'left'
					},
					series:[
						{
							name:'鼠标销量',
							data:[200,350,500,280,500],
							type:'line', //形状
							//smooth:true
						},
						{
							name:'水杯销量',
							data:[100,250,400,380,500],
							type:'line',
							//smooth:true
						}
					]
				};
				myCharts.setOption(option);
			</script>
		</div>
	</body>
</html>
